<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Cache-Control"  content="no-transform">
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>保险销售平台</title>
    <link href="/statics/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="/statics/view/css/all.css" rel="stylesheet" type="text/css" />

</head>
<body>
[#include "/common/header.ftl" /]
<div class="container">
    <!-- 海报-->
    <div class="row">
       <a href="/product/1" style="display: block">
           <img src="/upload/top.jpg" class="mobile_img"/>
       </a>
    </div>
    <div id="demo"></div>
    <div class="row si-row">
        <div class="col-sm-3 col-xs-3 si-nav-top">
            <a href="/member">
                <img src="/statics/view/img/member_icon.png" alt=""/>
                <h4>会员中心</h4>
            </a>
        </div>
        <div class="col-sm-3 col-xs-3 si-nav-top">
            <a href="/member/order/list">
                <img src="/statics/view/img/order_icon.png" alt=""/>
                <h4>我的保单</h4>
            </a>
        </div>
        <div class="col-sm-3 col-xs-3 si-nav-top">
            <a href="/category">
                <img src="/statics/view/img/cat_icon.png" alt=""/>
                <h4>所有分类</h4>
            </a>
        </div>
        <div class="col-sm-3 col-xs-3 si-nav-top">
            <a href="/help">
                <img src="/statics/view/img/user_help.png" alt=""/>
                <h4>新手指南</h4>
            </a>
        </div>
    </div>

    <div class="row">
        <div class="alert alert-info" role="alert"><a href="/product/1">买保险送话费,马上点击购买</a> </div>
        <div class="panel si-panel-default">
            <div class="panel-heading">
                热销产品[#--<a href="/product/hot" class="more">更多</a>--]
            </div>
            <div class="panel-body">
                <ul class="si-product-list">
                     [#list topProducts as entity]
                         <li>
                             <a href="/product/${entity.id}">
                                 <img src="/upload/pinan.gif"/>
                                 <h4>${entity.name}</h4>
                                 <span><i>¥</i>${entity.price}元</span>
                             </a>
                         </li>
                     [/#list]
                </ul>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="panel si-panel-default">
            <div class="panel-heading">
                热门品牌<a href="/brand/list" class="more">更多</a>
            </div>
            <div class="panel-body">
                <ul class="si-product-list">
                    <li>
                        <a href="#">
                            <img src="/upload/pinan.gif"/>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="/upload/renbao.gif"/>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="/upload/taikang.gif"/>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="/upload/pinan.gif"/>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    [#--<div class="row">
        <div class="panel si-panel-default">
            <div class="panel-heading">
                分类A<a href="/category/list" class="more">更多</a>
            </div>
            <div class="panel-body">
                <ul class="si-product-list">
                    <li>
                        <a href="/product/1">
                            <img src="/upload/pinan.gif"/>
                            <h4>幸福无忧综合意外保障</h4>
                            <span><i>¥</i>3.0元</span>
                        </a>
                    </li>
                    <li>
                        <a href="/product/1">
                            <img src="/upload/renbao.gif"/>
                            <h4>1天的公交意外保险</h4>
                            <span><i>¥</i>3.0元</span>
                        </a>
                    </li>
                    <li>
                        <a href="/product/1">
                            <img src="/upload/taikang.gif"/>
                            <h4>1天的公交意外保险&nbsp;</h4>
                            <span><i>¥</i>3.0元</span>
                        </a>
                    </li>
                    <li>
                        <a href="/product/1">
                            <img src="/upload/pinan.gif"/>
                            <h4>1天的公交意外保险&nbsp;</h4>
                            <span>3.0元</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>--]
</div>
[#--<div class="container si-nav-tools">
    <div class="row">
        <div class="col-sm-3 col-xs-3">
            <a href="/cart/list">购物车</a>
        </div>
    </div>
</div>--]
[#include "/common/footer.ftl" /]
<script type="text/javascript" src="/statics/jquery/jquery.js"></script>
<script type="text/javascript" src="/statics/view/js/common.js"></script>
</body>
</html>